<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>采集进度</title>

    <link rel="stylesheet" href="../assets/css/style.css">
    <link rel="stylesheet" href="../assets/css/stylenum.css">
    <link href="../assets/css/jquery.treeTable.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/common.js"></script>
    <script src="../assets/js/jquery.treeTable.js"></script>
    <style>
        .num_table table tr td:first-child{
            text-align: left;
            padding-left: 10px;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            var option = {
                theme: 'vsStyle',
                expandLevel: 2,
                beforeExpand: function ($treeTable, id) {
                    //判断id是否已经有了孩子节点，如果有了就不再加载，这样就可以起到缓存的作用
                    if ($('.' + id, $treeTable).length) {
                        return;
                    }
                    //这里的html可以是ajax请求
                    var html = '<tr id="8" pId="6"><td>5.1</td><td>可以是ajax请求来的内容</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td class="td-mid">—</td></tr>'
                            + '<tr id="9" pId="6"><td>5.2</td><td>动态的内容</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td class="td-mid">—</td></tr>';

                    $treeTable.addChilds(html);
                },
                onSelect: function ($treeTable, id) {
                    window.console && console.log('onSelect:' + id);

                }

            };
            $('#treeTable1').treeTable(option);

            option.theme = 'default';
            $('#treeTable2').treeTable(option);
        });
    </script>
</head>
<body>
<!--黑幕-->
<div id="darkdiv">

</div>
<div class="jg-title">
    <img src="../assets/img/titlebg.jpg"><span style="font-weight: 100;">进度统计管理部门列表</span>
</div>
<div class="jg-main ml10 mt10">
    <input type="radio" name="action" checked="checked" onchange="showTable('now')"><span>当期报表</span>
    <input type="radio" name="action" onchange="showTable('all')"><span>全部报表</span>
    <span class="ml24">企业上报级别:</span>
    <select class="tj-cj-sel">
        <option>全部</option>
    </select>
    <table cellspacing="0" cellpadding="0" class="jg-table" style="margin-left: 2px;width: 99%;">
        <tr>
            <td width="130" class="jg-table-tdname">表号</td>
            <td width="295">
                <span class="ml10">101-2</span>
            </td>
            <td width="130" class="jg-table-tdname">报告名称</td>
            <td width="295"><span class="ml10">产业活动单位基本情况</span></td>
            <td width="130" class="jg-table-tdname">报告期</td>
            <td width="295"><select class="ml10">
                <option>2012年年报</option>
                <option>2013年年报</option>
                <option>2014年年报</option>
                <option>2015年年报</option>
                <option>2016年年报</option>
            </select></td>
        </tr>
    </table>
    <div class="pt20">
        <span class="fr ml10">【计算公式：上报率=已报/应报  直报率=直报/应报  直验率=直验通过/已报  验收率=监验/已报】</span></div>
    <div class="clearfix"></div>
</div>
<div id="table_now" class="jg-search " style="margin-top:10px;">
    <div class="num_table" style="width: 99%;margin: 0;">
        <table id="treeTable1"  style="width:100%">
            <tr class="num_table_firsttr">
                <td width="518">单位名称</td>
                <td width="120">应报数</td>
                <td width="100">已报数</td>
                <td width="90">未报数</td>
                <td width="80">上报率</td>
                <td width="80">直报率</td>
                <td width="80">直验率</td>
                <td width="80">验收率</td>
                <td width="80">图形</td>
            </tr>
            <tr>
                <td><span controller="true">全市【地区】级统计机构</span></td>
                <td>93</td>
                <td>93</td>
                <td>0</td>
                <td>100.00%</td>
                <td>100.00%</td>
                <td>95.70%</td>
                <td>95.70%</td>
                <td class="td-mid"><img src="../assets/img/table-icon.jpg"></td>
            </tr>
            <tr id="1">
                <td><span controller="true">南通市统计局直管</span></td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td class="td-mid"><img src="../assets/img/table-icon.jpg"></td>
            </tr>
            <tr id="2" pId="1">
                <td><span controller="true">市辖区统计局</span></td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td class="td-mid"><img src="../assets/img/table-icon.jpg"></td>
            </tr>
            <tr id="3" pId="2">
                <td>崇川区统计局</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td class="td-mid">—</td>
            </tr>
            <tr id="4" pId="2">
                <td>崇川区统计局</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td class="td-mid"><img src="../assets/img/table-icon.jpg"></td>
            </tr>
            <tr id="5" pId="4">
                <td>崇川区统计局</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td class="td-mid"><img src="../assets/img/table-icon.jpg"></td>
            </tr>
            <tr id="6" pId="1" hasChild="true">
                <td>崇川区统计局</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td class="td-mid">—</td>
            </tr>
            <tr id="7">
                <td>崇川区统计局</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td>0.00%</td>
                <td class="td-mid">—</td>
            </tr>
        </table>

    </div>
    <div class="rf-bottom" style="width: 99%;">
        <span class="rf-bottom-span">共<label>0</label> 张报表，显示全部报表。</span>
    </div>
    <div class="jg-bottom-btn" style="text-align: center;">
        <button type="button" class="tj-bj-btn-back" style="vertical-align: middle;"></button>
        <a href="CaiJi_3.html" type="button" class="tj-bj-btn-ckjd" style="vertical-align: middle;"></a>
        <button type="button" class="tj-bj-btn-dc" style="width: 67px;height: 27px;vertical-align: middle;"></button>
    </div>
</div>

<div id="table_all" class="jg-search" style="margin-top:10px;display: none">
    <div class="num_table" style="width: 99%;margin: 0;">
        <table cellpadding="0" cellspacing="0" style="width: 100%;">
            <tr class="num_table_firsttr">
                <td width="84">专业
                    <div class="tb-updown"><img src="../assets/img/tb-up.jpg"><br><img src="../assets/img/tb-down.jpg">
                    </div>
                </td>
                <td width="113">报表号
                    <div class="tb-updown"><img src="../assets/img/tb-up.jpg"><br><img src="../assets/img/tb-down.jpg">
                    </div>
                </td>
                <td width="316">报表名称
                    <div class="tb-updown"><img src="../assets/img/tb-up.jpg"><br><img src="../assets/img/tb-down.jpg">
                    </div>
                </td>
                <td width="120">报告期
                    <div class="tb-updown"><img src="../assets/img/tb-up.jpg"><br><img src="../assets/img/tb-down.jpg">
                    </div>
                </td>
                <td width="100">应报数
                    <div class="tb-updown"><img src="../assets/img/tb-up.jpg"><br><img src="../assets/img/tb-down.jpg">
                    </div>
                </td>
                <td width="90">已报数
                    <div class="tb-updown"><img src="../assets/img/tb-up.jpg"><br><img src="../assets/img/tb-down.jpg">
                    </div>
                </td>
                <td width="90">未报数
                    <div class="tb-updown"><img src="../assets/img/tb-up.jpg"><br><img src="../assets/img/tb-down.jpg">
                    </div>
                </td>
                <td width="90">上报率
                    <div class="tb-updown"><img src="../assets/img/tb-up.jpg"><br><img src="../assets/img/tb-down.jpg">
                    </div>
                </td>
                <td width="90">直报率
                    <div class="tb-updown"><img src="../assets/img/tb-up.jpg"><br><img src="../assets/img/tb-down.jpg">
                    </div>
                </td>
                <td width="90">直验率
                    <div class="tb-updown"><img src="../assets/img/tb-up.jpg"><br><img src="../assets/img/tb-down.jpg">
                    </div>
                </td>
                <td width="90">验收率
                    <div class="tb-updown"><img src="../assets/img/tb-up.jpg"><br><img src="../assets/img/tb-down.jpg">
                    </div>
                </td>
            </tr>
            <tr>
                <td><span>所有表</span></td>
                <td></td>
                <td></td>

                <td></td>
                <td>16192</td>
                <td>16192</td>
                <td>0</td>
                <td>100%</td>
                <td>99.85%</td>
                <td>99.93%</td>
                <td>99.96%</td>
            </tr>
            <tr>
                <td><span>所有表</span></td>
                <td></td>
                <td></td>

                <td></td>
                <td>16192</td>
                <td>16192</td>
                <td>0</td>
                <td>100%</td>
                <td>99.85%</td>
                <td>99.93%</td>
                <td>99.96%</td>
            </tr>
            <tr>
                <td><span>所有表</span></td>
                <td></td>
                <td></td>

                <td></td>
                <td>16192</td>
                <td>16192</td>
                <td>0</td>
                <td>100%</td>
                <td>99.85%</td>
                <td>99.93%</td>
                <td>99.96%</td>
            </tr>
            <tr>
                <td><span>所有表</span></td>
                <td></td>
                <td></td>

                <td></td>
                <td>16192</td>
                <td>16192</td>
                <td>0</td>
                <td>100%</td>
                <td>99.85%</td>
                <td>99.93%</td>
                <td>99.96%</td>
            </tr>

        </table>

    </div>
    <div class="rf-bottom" style="width: 99%;">
        <span class="rf-bottom-span">共<label>7</label> 张报表，显示全部报表。</span>
    </div>
    <div class="jg-bottom-btn" style="text-align: center;">
        <button type="button" class="tj-bj-btn-dc" style="width: 67px;height: 27px;"></button>
        <button type="button" class="tj-bj-btn-hzxgjl"></button>
    </div>
</div>
<script type="text/javascript">
    var changetext = 0;
    $(document).ready(function () {
        $(".JS_tab .iw-main-tabname").click(function () {
            $(".iw-active").removeClass("iw-active");
            $(this).addClass("iw-active");
            $(".JS_panel .iw-right-pannel").addClass("undis");
            $(".JS_panel .iw-right-pannel")[$(".JS_tab .iw-main-tabname").index(this)].className = "iw-right-pannel";
        });
        $("#darkdiv").click(function () {
            closeDark();
        });

    });
    function showTable(a) {
        document.getElementById("table_now").style.display = "none";
        document.getElementById("table_all").style.display = "none";
        document.getElementById("table_" + a).style.display = "block";
    }
</script>
</body>
</html>